.tab-item .icon {
  height: 25px;
}

a.tab-item.big {
  overflow: visible;
  opacity: 1;
  i.icon::before {
    width: 27px;
    height: 27px;
    margin-top: -3px;
  }
}
a.tab-item {
  padding-top: 6px;
  opacity: 1;
  i.icon::before {
    display: inline-block;
    content: ' ';
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
  }
  &.activated {
    opacity: .7;
  }

  .wf-index-on::before {
    background-image: url('img/tab/index-on.png');
  }
  .wf-index-on+span {
    color: #41D3CF;
  }
  .wf-index-off::before {
    background-image: url('img/tab/index-off.png');
  }
  .wf-order-on::before {
    background-image: url('img/tab/order-on.png');
  }
  .wf-order-on+span {
    color: #41D3CF;
  }
  .wf-order-off::before {
    background-image: url('img/tab/order-off.png');
  }
  .wf-services-on::before {
    background-image: url('img/tab/services-on.png');
  }
  .wf-services-on+span {
    color: #41D3CF;
  }
  .wf-services-off::before {
    background-image: url('img/tab/services-off.png');
  }
  .wf-kefu-on::before {
    background-image: url('img/tab/m.png');
  }
  .wf-kefu-off::before {
    background-image: url('img/tab/m.png');
  }
  .wf-my-on::before {
    background-image: url('img/tab/my-on.png');
  }
  .wf-my-on+span {
    color: #41D3CF;
  }
  .wf-my-off::before {
    background-image: url('img/tab/my-off.png');
  }
}
